body{
    -webkit-overflow-scrolling: auto;
}
.font-overflow{
    display: inline-block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.no-animation {
    -webkit-animation: none;
    animation: none
}

.animation {
    display: block
}

.animating {
    display: block;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut {
    -webkit-animation-name: bounceOut,fadeOut;
    animation-name: bounceOut,fadeOut
}

.slideLeftOut {
    -webkit-animation-name: slideLeftOut;
    animation-name: slideLeftOut
}

.slideLeftIn {
    -webkit-animation-name: slideLeftIn;
    animation-name: slideLeftIn
}

.slideRightIn {
    -webkit-animation-name: slideRightIn;
    animation-name: slideRightIn
}

.slideRightOut {
    -webkit-animation-name: slideRightOut;
    animation-name: slideRightOut
}

.scaleIn {
    -webkit-animation-name: scaleIn,fadeIn;
    animation-name: scaleIn,fadeIn
}

.scaleOut {
    -webkit-animation-name: scaleOut,fadeOut;
    animation-name: scaleOut,fadeOut
}

.slideDownIn {
    -webkit-animation-name: slideDownIn,fadeIn;
    animation-name: slideDownIn,fadeIn
}

.slideDownOut {
    -webkit-animation-name: slideDownOut;
    animation-name: slideDownOut
}

.slideUpIn {
    z-index: 10;
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn
}

.slideUpOut {
    -webkit-animation-name: slideUpOut,fadeOut;
    animation-name: slideUpOut,fadeOut
}

.flipIn {
    -webkit-animation-name: flipIn,fadeIn;
    animation-name: flipIn,fadeIn
}

.flipOut {
    -webkit-animation-name: flipOut,fadeOut;
    animation-name: flipOut,fadeOut
}

.flipIn,.flipOut {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.filpCenterIn {
    -webkit-animation-name: filpCenterIn;
    animation-name: filpCenterIn
}

.filpCenterInRev {
    -webkit-animation-name: filpCenterInRev;
    animation-name: filpCenterInRev
}

.filpCenterOut {
    -webkit-animation-name: filpCenterOut;
    animation-name: filpCenterOut
}

.filpCenterOutRev {
    -webkit-animation-name: filpCenterOutRev;
    animation-name: filpCenterOutRev
}

.filpCenterIn,.filpCenterOut,.filpCenterInRev,.filpCenterOutRev {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.scaleDownIn {
    -webkit-animation-name: scaleDownIn;
    animation-name: scaleDownIn;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

.scaleUpOut {
    -webkit-animation-name: scaleUpOut;
    animation-name: scaleUpOut;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animation-base {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.qt-flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.qt-shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.qt-rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.qt-rotate-rev {
    -webkit-animation-name: rotate-rev;
    animation-name: rotate-rev;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes scale-flash {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        text-shadow: #444 0 4px 1px
    }
}

@keyframes scale-flash {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        text-shadow: #444 0 4px 1px
    }
}

@-webkit-keyframes scale-flash-blue {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        text-shadow: #5dd4e3 0 2px 1px
    }
}

@keyframes scale-flash-blue {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        text-shadow: #5dd4e3 0 2px 1px
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }

    30% {
        box-shadow: 0 0 5px #25a4bb
    }

    50% {
        opacity: .8
    }

    70% {
        box-shadow: 0 0 5px #25a4bb
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    30% {
        box-shadow: 0 0 5px #25a4bb
    }

    50% {
        opacity: .8
    }

    70% {
        box-shadow: 0 0 5px #25a4bb
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-rev {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-rev {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg)
    }

    8% {
        -webkit-transform: translate3d(-2.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(-2.5px, -0.5px, 0) rotate(-0.5deg)
    }

    16% {
        -webkit-transform: translate3d(-0.5px, .5px, 0) rotate(-0.5deg);
        transform: translate3d(-0.5px, .5px, 0) rotate(-0.5deg)
    }

    24% {
        -webkit-transform: translate3d(1.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(1.5px, -0.5px, 0) rotate(-0.5deg)
    }

    32% {
        -webkit-transform: translate3d(-0.5px, -0.5px, 0) rotate(-1.5deg);
        transform: translate3d(-0.5px, -0.5px, 0) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translate3d(1.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(1.5px, -1.5px, 0) rotate(.5deg)
    }

    48% {
        -webkit-transform: translate3d(-2.5px, .5px, 0) rotate(.5deg);
        transform: translate3d(-2.5px, .5px, 0) rotate(.5deg)
    }

    56% {
        -webkit-transform: translate3d(.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(.5px, -1.5px, 0) rotate(.5deg)
    }

    64% {
        -webkit-transform: translate3d(.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(.5px, -0.5px, 0) rotate(-0.5deg)
    }

    72% {
        -webkit-transform: translate3d(.5px, -2.5px, 0) rotate(-1.5deg);
        transform: translate3d(.5px, -2.5px, 0) rotate(-1.5deg)
    }

    80% {
        -webkit-transform: translate3d(.5px, .5px, 0) rotate(-1.5deg);
        transform: translate3d(.5px, .5px, 0) rotate(-1.5deg)
    }

    88% {
        -webkit-transform: translate3d(.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(.5px, -1.5px, 0) rotate(.5deg)
    }

    96% {
        -webkit-transform: translate3d(1.5px, 1.5px, 0) rotate(.5deg);
        transform: translate3d(1.5px, 1.5px, 0) rotate(.5deg)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
        transform: translate3d(0, 0, 0) rotate(0deg)
    }

    8% {
        -webkit-transform: translate3d(-2.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(-2.5px, -0.5px, 0) rotate(-0.5deg)
    }

    16% {
        -webkit-transform: translate3d(-0.5px, .5px, 0) rotate(-0.5deg);
        transform: translate3d(-0.5px, .5px, 0) rotate(-0.5deg)
    }

    24% {
        -webkit-transform: translate3d(1.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(1.5px, -0.5px, 0) rotate(-0.5deg)
    }

    32% {
        -webkit-transform: translate3d(-0.5px, -0.5px, 0) rotate(-1.5deg);
        transform: translate3d(-0.5px, -0.5px, 0) rotate(-1.5deg)
    }

    40% {
        -webkit-transform: translate3d(1.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(1.5px, -1.5px, 0) rotate(.5deg)
    }

    48% {
        -webkit-transform: translate3d(-2.5px, .5px, 0) rotate(.5deg);
        transform: translate3d(-2.5px, .5px, 0) rotate(.5deg)
    }

    56% {
        -webkit-transform: translate3d(.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(.5px, -1.5px, 0) rotate(.5deg)
    }

    64% {
        -webkit-transform: translate3d(.5px, -0.5px, 0) rotate(-0.5deg);
        transform: translate3d(.5px, -0.5px, 0) rotate(-0.5deg)
    }

    72% {
        -webkit-transform: translate3d(.5px, -2.5px, 0) rotate(-1.5deg);
        transform: translate3d(.5px, -2.5px, 0) rotate(-1.5deg)
    }

    80% {
        -webkit-transform: translate3d(.5px, .5px, 0) rotate(-1.5deg);
        transform: translate3d(.5px, .5px, 0) rotate(-1.5deg)
    }

    88% {
        -webkit-transform: translate3d(.5px, -1.5px, 0) rotate(.5deg);
        transform: translate3d(.5px, -1.5px, 0) rotate(.5deg)
    }

    96% {
        -webkit-transform: translate3d(1.5px, 1.5px, 0) rotate(.5deg);
        transform: translate3d(1.5px, 1.5px, 0) rotate(.5deg)
    }
}

@-webkit-keyframes scaleDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6) translate3d(0, -100%, 0);
        transform: scale(.6) translate3d(0, -100%, 0)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.6) translate3d(0, -10%, 0);
        transform: scale(.6) translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}

@keyframes scaleDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6) translate3d(0, -100%, 0);
        transform: scale(.6) translate3d(0, -100%, 0)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.6) translate3d(0, -10%, 0);
        transform: scale(.6) translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}

@-webkit-keyframes scaleUpOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.6) translate3d(0, -10%, 0);
        transform: scale(.6) translate3d(0, -10%, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.6) translate3d(0, -100%, 0);
        transform: scale(.6) translate3d(0, -100%, 0)
    }
}

@keyframes scaleUpOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(.6) translate3d(0, -10%, 0);
        transform: scale(.6) translate3d(0, -10%, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.6) translate3d(0, -100%, 0);
        transform: scale(.6) translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes slideLeftIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideLeftIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideLeftOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideLeftOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideRightIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideRightIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideRightOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideRightOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes slideDownIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideDownIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideUpOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideUpOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes slideDownOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideDownOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideUpIn {
    0% {
        -webkit-transform: translate3d(0, 90%, 0);
        transform: translate3d(0, 90%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideUpIn {
    0% {
        -webkit-transform: translate3d(0, 90%, 0);
        transform: translate3d(0, 90%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flipIn {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@keyframes flipIn {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@-webkit-keyframes flipOut {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg)
    }
}

@keyframes flipOut {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg)
    }
}

@-webkit-keyframes filpCenterIn {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@keyframes filpCenterIn {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg)
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@-webkit-keyframes filpCenterInRev {
    0% {
        -webkit-transform: perspective(4000px) rotateY(90deg);
        transform: perspective(4000px) rotateY(90deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }
}

@keyframes filpCenterInRev {
    0% {
        -webkit-transform: perspective(4000px) rotateY(90deg);
        transform: perspective(4000px) rotateY(90deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }
}

@-webkit-keyframes filpCenterOut {
    0% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(90deg);
        transform: perspective(4000px) rotateY(90deg)
    }
}

@keyframes filpCenterOut {
    0% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(90deg);
        transform: perspective(4000px) rotateY(90deg)
    }
}

@-webkit-keyframes filpCenterOutRev {
    0% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(-90deg);
        transform: perspective(4000px) rotateY(-90deg)
    }
}

@keyframes filpCenterOutRev {
    0% {
        -webkit-transform: perspective(4000px) rotateY(0deg);
        transform: perspective(4000px) rotateY(0deg)
    }

    100% {
        -webkit-transform: perspective(4000px) rotateY(-90deg);
        transform: perspective(4000px) rotateY(-90deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.qt-arrow {
    position: relative
}

.qt-arrow:after {
    content: ' ';
    position: absolute;
    top: 55%;
    right: 3px;
    width: 6px;
    height: 6px;
    border: 1px solid;
    border-bottom: 0;
    border-right: 0;
    margin-top: -3px;
    color: #25a4bb;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.qt-arrow.r:after {
    right: 8px;
    -webkit-transform: rotateZ(135deg);
    transform: rotateZ(135deg)
}

.qt-arrow.b:after {
    right: 8px;
    margin-top: -7px;
    -webkit-transform: rotateZ(-135deg);
    transform: rotateZ(-135deg)
}

.qt-arrow.t:after {
    right: 8px;
    margin-top: -3px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.qt-arrow.l-thick:after {
    border-width: 2px
}

.qt-arrow.r-thick:after {
    border-width: 2px;
    right: 8px;
    -webkit-transform: rotateZ(135deg);
    transform: rotateZ(135deg)
}

.qt-arrow.b-thick:after {
    border-width: 2px;
    right: 8px;
    margin-top: -7px;
    -webkit-transform: rotateZ(-135deg);
    transform: rotateZ(-135deg)
}

.qt-arrow.t-thick:after {
    border-width: 2px;
    right: 8px;
    margin-top: -3px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.qt-arrow.qt-blue:after {
    border-color: #25a4bb
}

.qt-arrow.qt-checked-arrow:after {
    transform: rotateZ(45deg);
    top: 65%;
}

a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,tfoot,th,thead,time,tr,ul,var,video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    font-weight: normal;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-font-smoothing: antialiased;
    list-style: none
}

body {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    font-weight: bold;
    font-family: arial,sans-serif
}

html {
    -webkit-text-size-adjust: none
}

a {
    text-decoration: none;
    color: #17a4bd;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

a:hover {
    opacity: 1
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    font-size: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,td,caption {
    vertical-align: top;
    text-align: left
}

sub,sup {
    font-size: 10px
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999
}

h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {
    font-size: 65%
}

h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small {
    font-size: 75%
}

h1,.h1 {
    font-size: 36px
}

h2,.h2 {
    font-size: 30px
}

h3,.h3 {
    font-size: 24px
}

h4,.h4 {
    font-size: 18px
}

h5,.h5 {
    font-size: 14px
}

h6,.h6 {
    font-size: 12px
}

.qt-border-class-base {
    position: relative
}

.qt-border-class-base:before {
    content: "";
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .qt-border-class-base-media {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66666667);
        -ms-transform: scale(.66666667);
        transform: scale(.66666667)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .qt-border-class-base-media {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
    .qt-border-class-base-media {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333333);
        -ms-transform: scale(.33333333);
        transform: scale(.33333333)
    }
}

.qt-border-class-base {
    position: relative
}

.qt-border-class-base:before {
    content: "";
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .qt-border-class-base-media {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66666667);
        -ms-transform: scale(.66666667);
        transform: scale(.66666667)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .qt-border-class-base-media {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
    .qt-border-class-base-media {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333333);
        -ms-transform: scale(.33333333);
        transform: scale(.33333333)
    }
}

.qt-bt-x1,.qt-bb-x1,.qt-bl-x1,.qt-br-x1,.qt-btb-x1,.qt-blr-x1,.qt-border-x1 {
    position: relative
}

.qt-bt-x1:before,.qt-bb-x1:before,.qt-bl-x1:before,.qt-br-x1:before,.qt-btb-x1:before,.qt-blr-x1:before,.qt-border-x1:before {
    content: "";
    position: absolute;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none
}

.qt-bt-x1:before {
    border-top: 1px solid #d4d4d4
}

.qt-bb-x1:before {
    border-bottom: 1px dashed #d4d4d4
}

.qt-bl-x1:before {
    border-left: 1px solid #d4d4d4
}

.qt-br-x1:before {
    border-right: 1px solid #d4d4d4
}

.qt-btb-x1:before {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

.qt-blr-x1:before {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4
}

.qt-border-x1:before {
    border: 1px solid #d4d4d4
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .qt-bt-x1:before,.qt-bb-x1:before,.qt-bl-x1:before,.qt-br-x1:before,.qt-btb-x1:before,.qt-blr-x1:before,.qt-border-x1:before {
        width: 150%;
        height: 150%;
        -webkit-transform: scale(.66666667);
        -ms-transform: scale(.66666667);
        transform: scale(.66666667)
    }

    .qt-bt-x1.r2:before {
        border-radius: 3px 3px 0 0
    }

    .qt-bt-x1.r5:before {
        border-radius: 7.5px 7.5px 0 0
    }

    .qt-bt-x1.r10:before {
        border-radius: 15px 15px 0 0
    }

    .qt-bb-x1.r2:before {
        border-radius: 0 0 3px 3px
    }

    .qt-bb-x1.r5:before {
        border-radius: 0 0 7.5px 7.5px
    }

    .qt-bb-x1.r10:before {
        border-radius: 0 0 15px 15px
    }

    .qt-btb-x1.r2:before,.qt-border-x1.r2:before {
        border-radius: 3px
    }

    .qt-btb-x1.r5:before,.qt-border-x1.r5:before {
        border-radius: 7.5px
    }

    .qt-btb-x1.r10:before,.qt-border-x1.r10:before {
        border-radius: 15px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .qt-bt-x1:before,.qt-bb-x1:before,.qt-bl-x1:before,.qt-br-x1:before,.qt-btb-x1:before,.qt-blr-x1:before,.qt-border-x1:before {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    .qt-bt-x1.r2:before {
        border-radius: 4px 4px 0 0
    }

    .qt-bt-x1.r5:before {
        border-radius: 10px 10px 0 0
    }

    .qt-bt-x1.r10:before {
        border-radius: 20px 20px 0 0
    }

    .qt-bb-x1.r2:before {
        border-radius: 0 0 4px 4px
    }

    .qt-bb-x1.r5:before {
        border-radius: 0 0 10px 10px
    }

    .qt-bb-x1.r10:before {
        border-radius: 0 0 20px 20px
    }

    .qt-btb-x1.r2:before,.qt-border-x1.r2:before {
        border-radius: 4px
    }

    .qt-btb-x1.r5:before,.qt-border-x1.r5:before {
        border-radius: 10px
    }

    .qt-btb-x1.r10:before,.qt-border-x1.r10:before {
        border-radius: 20px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
    .qt-bt-x1:before,.qt-bb-x1:before,.qt-bl-x1:before,.qt-br-x1:before,.qt-btb-x1:before,.qt-blr-x1:before,.qt-border-x1:before {
        width: 300%;
        height: 300%;
        -webkit-transform: scale(.33333333);
        -ms-transform: scale(.33333333);
        transform: scale(.33333333)
    }

    .qt-bt-x1.r2:before {
        border-radius: 6px 6px 0 0
    }

    .qt-bt-x1.r5:before {
        border-radius: 15px 15px 0 0
    }

    .qt-bt-x1.r10:before {
        border-radius: 30px 30px 0 0
    }

    .qt-bb-x1.r2:before {
        border-radius: 0 0 6px 6px
    }

    .qt-bb-x1.r5:before {
        border-radius: 0 0 15px 15px
    }

    .qt-bb-x1.r10:before {
        border-radius: 0 0 30px 30px
    }

    .qt-btb-x1.r2:before,.qt-border-x1.r2:before {
        border-radius: 6px
    }

    .qt-btb-x1.r5:before,.qt-border-x1.r5:before {
        border-radius: 15px
    }

    .qt-btb-x1.r10:before,.qt-border-x1.r10:before {
        border-radius: 30px
    }
}

.qt-bt-x1.qt-white:before,.qt-bb-x1.qt-white:before,.qt-bl-x1.qt-white:before,.qt-br-x1.qt-white:before,.qt-btb-x1.qt-white:before,.qt-blr-x1.qt-white:before,.qt-border-x1.qt-white:before {
    border-color: #fff
}

.qt-bt-x1.qt-blue:before,.qt-bb-x1.qt-blue:before,.qt-bl-x1.qt-blue:before,.qt-br-x1.qt-blue:before,.qt-btb-x1.qt-blue:before,.qt-blr-x1.qt-blue:before,.qt-border-x1.qt-blue:before {
    border-color: #25a4bb
}

.qt-bt-x1.qt-grey:before,.qt-bb-x1.qt-grey:before,.qt-bl-x1.qt-grey:before,.qt-br-x1.qt-grey:before,.qt-btb-x1.qt-grey:before,.qt-blr-x1.qt-grey:before,.qt-border-x1.qt-grey:before {
    border-color: #8c8c8c
}

.qt-bt-x1.qt-light-grey:before,.qt-bb-x1.qt-light-grey:before,.qt-bl-x1.qt-light-grey:before,.qt-br-x1.qt-light-grey:before,.qt-btb-x1.qt-light-grey:before,.qt-blr-x1.qt-light-grey:before,.qt-border-x1.qt-light-grey:before {
    border-color: #bbb
}

.qt-bt-x1.qt-black:before,.qt-bb-x1.qt-black:before,.qt-bl-x1.qt-black:before,.qt-br-x1.qt-black:before,.qt-btb-x1.qt-black:before,.qt-blr-x1.qt-black:before,.qt-border-x1.qt-black:before {
    border-color: #525252
}

.qt-bt-x1.qt-orange:before,.qt-bb-x1.qt-orange:before,.qt-bl-x1.qt-orange:before,.qt-br-x1.qt-orange:before,.qt-btb-x1.qt-orange:before,.qt-blr-x1.qt-orange:before,.qt-border-x1.qt-orange:before {
    border-color: #f60
}

.qt-bt-x1.qt-red:before,.qt-bb-x1.qt-red:before,.qt-bl-x1.qt-red:before,.qt-br-x1.qt-red:before,.qt-btb-x1.qt-red:before,.qt-blr-x1.qt-red:before,.qt-border-x1.qt-red:before {
    border-color: #f55
}

.qt-bt-x1.qt-green:before,.qt-bb-x1.qt-green:before,.qt-bl-x1.qt-green:before,.qt-br-x1.qt-green:before,.qt-btb-x1.qt-green:before,.qt-blr-x1.qt-green:before,.qt-border-x1.qt-green:before {
    border-color: #31ac5a
}

.qt-border {
    border: 1px solid #e2e2e2
}

.qt-bt {
    border-top: 1px solid #e2e2e2
}

.qt-bb {
    border-bottom: 1px solid #e2e2e2
}

.qt-bl {
    border-left: 1px solid #e2e2e2
}

.qt-br {
    border-right: 1px solid #e2e2e2
}

.qt-btb {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.qt-blr {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2
}

.qt-bt.r2 {
    border-radius: 2px 2px 0 0
}

.qt-bt.r5 {
    border-radius: 5px 5px 0 0
}

.qt-bt.r10 {
    border-radius: 10px 10px 0 0
}

.qt-bb.r2 {
    border-radius: 0 0 2px 2px
}

.qt-bb.r5 {
    border-radius: 0 0 5px 5px
}

.qt-bb.r10 {
    border-radius: 0 0 10px 10px
}

.qt-btb.r2,.qt-border.r2 {
    border-radius: 2px
}

.qt-btb.r5,.qt-border.r5 {
    border-radius: 5px
}

.qt-btb.r10,.qt-border.r10 {
    border-radius: 10px
}

.qt-btns {
    padding: 5px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qt-btns .btn {
    display: block;
    border-radius: 5px;
    height: 45px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 43px;
    margin-right: 10px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa442), to(#ff801a))
}

.qt-btns .btn:last-child {
    margin-right: 0
}

.qt-btns .btn.small {
    height: 35px;
    line-height: 33px
}

.qt-btns .btn.smaller {
    height: 30px;
    line-height: 28px
}

.qt-btns .btn.disabled {
    background: rgba(185,180,182,0.2);
    color: #999 !important
}

.qt-btns .btn.disabled:active {
    position: inherit
}

.qt-btns .btn:active {
    position: relative;
    top: 1px;
    opacity: .8
}

.qt-btns .btn.qt-bg-white {
    background: #fff
}

.qt-btns .btn.qt-bg-grey {
    background: #f3f3f3
}

.qt-btns .btn.qt-bg-yellow {
    background: #f9ae38
}

.qt-btns .btn.qt-bg-red {
    background: #f55
}

.qt-btns .btn.qt-bg-green {
    background: #31ac5a
}

.qt-btns .btn.qt-bg-blue {
    background: #25a4bb
}

.qt-btns .btn.qt-bg-deep-blue {
    background: #1489e6
}

.qt-btns .btn.qt-bg-purple {
    background: #7e57c2
}

.qt-btns .btn.qt-bg-light-green {
    background: #7eb63d
}

.qt-btns .btn.qt-bg-deep-green {
    background: #009688
}

.slideDownOut50 {
    -webkit-animation-name: slideDownOut50,fadeOut;
    animation-name: slideDownOut50,fadeOut
}

.slideDownIn50 {
    -webkit-animation-name: slideDownIn50,fadeIn;
    animation-name: slideDownIn50,fadeIn
}

.slideUpOut50 {
    -webkit-animation-name: slideUpOut50,fadeOut;
    animation-name: slideUpOut50,fadeOut
}

.slideUpIn50 {
    -webkit-animation-name: slideUpIn50,fadeIn;
    animation-name: slideUpIn50,fadeIn
}

.slideLeftFadeOut {
    -webkit-animation-name: slideLeftOut,fadeOut;
    animation-name: slideLeftOut,fadeOut
}

.slideLeftFadeIn {
    -webkit-animation-name: slideLeftIn,fadeIn;
    animation-name: slideLeftIn,fadeIn
}

.slideRightFadeOut {
    -webkit-animation-name: slideRightOut,fadeOut;
    animation-name: slideRightOut,fadeOut
}

.slideRightFadeIn {
    -webkit-animation-name: slideRightIn,fadeIn;
    animation-name: slideRightIn,fadeIn
}

.rotateFadeIn {
    -webkit-animation-name: rotateFadeIn,fadeIn;
    animation-name: rotateFadeIn,fadeIn
}

.popup {
    -webkit-animation-name: popup;
    animation-name: popup
}

@-webkit-keyframes slideDownOut50 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}

@keyframes slideDownOut50 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}

@-webkit-keyframes slideDownIn50 {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideDownIn50 {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideUpOut50 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes slideUpOut50 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@-webkit-keyframes slideUpIn50 {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideUpIn50 {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes rotateFadeIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0) rotateY(-120deg);
        transform: translate3d(0, -100%, 0) rotateY(-120deg)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
        transform: translate3d(0, 0, 0) rotateY(0deg)
    }
}

@keyframes rotateFadeIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0) rotateY(-120deg);
        transform: translate3d(0, -100%, 0) rotateY(-120deg)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
        transform: translate3d(0, 0, 0) rotateY(0deg)
    }
}

@-webkit-keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1)
    }

    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.qt-white {
    color: #fff
}

.qt-blue {
    color: #25a4bb !important
}

.qt-grey {
    color: #8c8c8c !important;
}

.qt-heavy-grey {
    color: #757575 !important;
}

.qt-light-grey {
    color: #bdbdbd
}

.qt-black {
    color: #222 !important;
    font-weight: 500
}

.qt-orange {
    color: #ff4500
}

.qt-light-orange {
    color: #f60
}

.qt-red {
    color: #f55
}

.qt-green {
    color: #31ac5a
}

.qt-bg-white {
    background: #fff !important;
}

.qt-bg-black {
    background: #000;
    opacity: .8
}

.qt-bg-grey {
    background: #f3f3f3
}

.qt-bg-yellow {
    background: #f9ae38
}

.qt-bg-red {
    background: #f55
}

.qt-bg-green {
    background: #31ac5a
}

.qt-bg-blue {
    background: #25a4bb
}

.qt-bg-deep-blue {
    background: #1489e6
}

.qt-bg-purple {
    background: #7e57c2
}

.qt-bg-light-green {
    background: #7eb63d
}

.qt-bg-deep-green {
    background: #009688
}

.qt-bg-light-orange {
    background: #ff4500
}

.qt-test {
    font-family: 'QTouchFont-s';
    font-size: 12px
}

.qt-font10 {
    font-size: 10px
}

.qt-font12 {
    font-size: 12px !important;
}

.qt-font14 {
    font-size: 14px !important;
}

.qt-font15 {
    font-size: 15px !important;
}

.qt-font16 {
    font-size: 16px !important;
}

.qt-font18 {
    font-size: 18px
}

.qt-font20 {
    font-size: 20px
}

.qt-font22 {
    font-size: 22px
}

.qt-font24 {
    font-size: 24px !important;
}
.qt-bold20 {
    font-size: 20px;
    font-weight: 600
}

.qt-bold36 {
    font-size: 36px;
    font-weight: 600
}

.qt-bold50 {
    font-size: 50px;
    font-weight: 600
}

.qt-bold {
    font-weight: 600
}

.r5 {
    border-radius: 5px
}

.r10 {
    border-radius: 10px
}

.qt-ma5 {
    margin: 5px !important
}

.qt-mlr5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.qt-mtb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.qt-ma10 {
    margin: 10px !important
}

.qt-mlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.qt-mlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.qt-mlr20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.qt-mtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.qt-mt20 {
    margin-top: 20px !important
}

.qt-mt10 {
    margin-top: 10px !important
}

.qt-mt30 {
    margin-top: 30px !important
}

.qt-mb10 {
    margin-bottom: 10px !important
}

.qt-ml0 {
    margin-left: 10px !important
}

.qt-ml5 {
    margin-left: 5px !important
}

.qt-ml10 {
    margin-left: 10px !important
}

.qt-ml20 {
    margin-left: 20px !important
}
.qt-mr0 {
    margin-right: 0 !important
}

.qt-mr5 {
    margin-right: 5px !important
}

.qt-mr10 {
    margin-right: 10px !important
}

.qt-mr15 {
    margin-right: 15px !important
}

.qt-mr20 {
    margin-right: 20px !important
}

.qt-pa5 {
    padding: 5px
}
.qt-pa3 {
    padding: 3px
}

.qt-plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.qt-ptb5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.qt-ptb2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.qt-pt5 {
    padding-top: 5px
}

.qt-pb5 {
    padding-bottom: 5px
}

.qt-pl5 {
    padding-left: 5px
}

.qt-pr5 {
    padding-right: 5px
}

.qt-pa10 {
    padding: 10px
}

.qt-plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.qt-plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.qt-ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.qt-pt10 {
    padding-top: 10px
}

.qt-pb10 {
    padding-bottom: 10px
}

.qt-pl10 {
    padding-left: 10px
}

.qt-pr10 {
    padding-right: 10px
}

.qt-pr20 {
    padding-right: 20px
}

.qt-overflow {
    overflow: hidden !important
}

.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.qt-banner {
    background: #f3f3f3;
    height: 10px
}

.qt-lh {
    line-height: 1.5
}

.qt-lh1 {
    line-height: 1
}

.qt-lh2 {
    line-height: 2
}

.qt-lh6 {
    line-height: 6
}
.qt-lh35 {
    line-height: 35px
}
.qt-h35{
    height:35px;
}
.qt-hide {
    display: none !important
}

.qt-fr {
    float: right
}

.qt-fl {
    float: left
}

.qt-clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.qt-clearfix:after {
    clear: both
}

.qt-fixed {
    position: fixed
}

.qt-active {
    opacity: .8
}

.qt-center {
    text-align: center;
    margin: 0 auto
}

.qt-middle {
    vertical-align : middle
}
.qt-text-b {
    vertical-align : text-bottom
}

.qt-left {
    text-align: left
}

.qt-right {
    text-align: right
}

.qt-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 0 2px;
    border-radius: 2px;
    color: #fff
}

.qt-location {
    text-align: center;
    padding: 5px 0
}

.qt-location i {
    font-size: 22px
}

.qt-body-loader {
    padding: 10px 0;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3
}

.qt-loader {
    padding: 10px 0;
    color: #25a4bb;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3
}

.qt-luotuo {
    font-size: 50px;
    color: #1ba9ba
}

.qt-suggest-content {
    margin-top: 2px;
    border-radius: 5px;
    border: 2px solid #fff;
    display: none;
    color: #000
}

.qt-to-top {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #1ba9ba
}

.ad img {
    width: 100%
}

.qt-client-download {
    width: 100%;
    padding: 5px 10px;
    background: rgba(0,0,0,0.6);
    color: #fff
}

.qt-client-download .logo {
    color: #fff;
    background: #17a4bd;
    padding: 5px 0;
    border-radius: 5px;
    width: 44px;
    font-size: 28px
}

.qt-client-download .download {
    background: orange;
    padding: 5px 0;
    border-radius: 5px
}

.left.previous:active {
    font-size: 18px
}

.filter-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

ul.qt-control-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    list-style: none;
    border-radius: 4px;
    text-align: center
}

ul.qt-control-group li {
    padding: 0 12px;
    list-style: none;
    white-space: nowrap;
    border: 1px solid;
    border-right-width: 0
}

ul.qt-control-group li.active {
    background: #fff;
    color: #17a4bd;
    border: 1px solid #fff;
    border-right-width: 0
}

ul.qt-control-group li:first-child {
    border-radius: 4px 0 0 4px
}

ul.qt-control-group li:last-child {
    margin-right: 18px;
    border-right-width: 1px;
    border-radius: 0 4px 4px 0
}

.line-tab-box {
    width: 220px;
    margin: 0 auto
}

.line-tab-box ul.qt-control-line-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    list-style: none;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    text-align: center
}

.line-tab-box ul.qt-control-line-group li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px;
    text-align: center;
    line-height: 50px;
    color: #017d8d
}

.line-tab-box ul.qt-control-line-group li.active {
    color: #fff
}

.line-tab-box ul.qt-control-line-group li.anim {
    -webkit-animation: scale-flash .5s ease-in;
    animation: scale-flash .5s ease-in
}

.line-tab-box .line {
    position: absolute;
    top: 46px;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 20
}

.qt-flick {
    display: none;
    z-index: 16;
    background: #fff;
    width: 100%
}

.qt-flick .sp-head {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #bababa;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    display: -webkit-box
}

.qt-flick .sp-center {
    position: relative;
    height: 190px;
    display: -webkit-box;
    text-align: center
}

.qt-flick .sp-head>div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    color: #fff;
    text-align: center
}

.qt-flick .sortHr {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    border-color: #cacaca
}

.qt-flick .line-div {
    width: 100%;
    height: 40px;
    position: absolute;
    right: 0;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid
}

.qt-flick .part {
    position: relative;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1
}

.qt-flick .in-sp-center div {
    height: 40px;
    line-height: 40px;
    color: #a6a6a6
}

.qt-flick div.active {
    font-weight: bold;
    color: #000
}

.qt-flick .part {
    overflow: hidden
}

.qt-flick .in-sp-center {
    position: absolute;
    width: 100%
}

.qt-flick .part-title-collection {
    display: -webkit-box;
    text-align: center;
    border-bottom: 1px #25a4bb solid
}

.qt-flick .part-title-collection>div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    color: #25a4bb;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px
}

.qt-footer {
    background-color: #fff
}

.qt-footer ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px
}

.qt-footer li:active {
    background: #eee
}

.qt-body-footer .copyright {
    padding: 10px 0
}

.qt-body-footer .nav {
    background: #f3f3f3;
    line-height: 2;
    padding: 5px 0
}

.qt-body-footer .nav a {
    display: inline-block;
    margin: 0 10px
}

.qt-body-footer .version {
    line-height: 2
}

.qt-body-footer .version a {
    display: inline-block;
    margin: 0 10px
}
/*select,*/
textarea,input {
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 1em;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(255,255,255,0.2);
    -webkit-appearance: none;
    -webkit-user-select: text;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    outline: none;
    resize: none
}

/*select {
    background: #fff;
    padding: 7px 5px
}*/
[type=text],[type=tel],[type=num],[type=search] {
     height: 34px
 }

.qt-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px
}

.qt-input>input,.qt-input select,.qt-input textarea {
    border: 1px solid #25a4bb;
    border-radius: 5px
}

.qt-input.search-icon input {
    padding-left: 24px
}

.qt-input.remove-icon input {
    padding-right: 24px
}

.qt-input .icon.search {
    position: absolute;
    color: #aaa;
    top: 18px;
    left: 13px
}

.qt-input .icon.remove {
    position: absolute;
    right: 0;
    color: #aaa;
    width: 30px;
    height: 38px;
    padding: 10px 0 10px 0
}

.qt-input .icon.arrow-down {
    position: absolute;
    right: 13px;
    top: 13px;
    color: #8c8c8c;
    font-size: 12px
}

.qt-input label {
    display: block;
    width: 90px;
    line-height: 34px
}

.qt-input label.large {
    width: 120px;
    font-size: 26px;
    font-weight: bold
}

.qt-input .input-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 34px
}

.qt-input .input-content input {
    margin-left: -5px
}

.qt-input .input-tip {
    margin-right: 10px;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    padding: 0 5px;
    color: #fff;
    background: #ffa13f;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
    top: 5px
}

.qt-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.qt-grid.middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.qt-grid.vertical {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qt-grid .col1 {
    width: 8.33%
}

.qt-grid .col2 {
    width: 16.67%
}

.qt-grid .col3 {
    width: 25%
}

.qt-grid .col4 {
    width: 33.33%
}

.qt-grid .col5 {
    width: 41.67%
}

.qt-grid .col6 {
    width: 50%
}

.qt-grid .col7 {
    width: 58.33%
}

.qt-grid .col8 {
    width: 66.67%
}

.qt-grid .col9 {
    width: 75%
}

.qt-grid .col10 {
    width: 83.33%
}

.qt-grid .col11 {
    width: 91.67%
}

.qt-grid .col12 {
    width: 100%
}

.qt-header,.qt-page-header {
    color: #fff;
    background: #17a4bd;
    height: 50px;
    line-height: 50px
}

.qt-header nav.left,.qt-page-header nav.left,.qt-header nav.right,.qt-page-header nav.right {
    position: absolute;
    top: 0;
    width: 25px;
    z-index: 2
}

.qt-header nav.left,.qt-page-header nav.left {
    left: 5px
}

.qt-header nav.right,.qt-page-header nav.right {
    right: 5px
}

.qt-header .title,.qt-page-header .title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    white-space: nowrap;
    z-index: 1
}

@font-face {
    font-family:'QTouchFont';src:url(//q.qunarzz.com/mobile-hotel/prd/common/fonts/hotel_touch_common.2f8c45bd.ttf),url("//q.qunarzz.com/mobile-hotel/prd/common/fonts/hotel_touch_common.e74d96c0.woff");font-weight:normal;font-style:normal
}

.icon {
    font-family: 'QTouchFont',sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin: 0 3px
}

.icon:not(.disabled):active {
    opacity: .8
}

.icon.middle {
    vertical-align: middle
}

.icon.left {
    float: left
}

.icon.right {
    float: right
}

.icon:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}


ul.qt-list {
    list-style:none;
    background:#fff;
    position:relative
}
ul.qt-list>li {
    position:relative;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10px
}
ul.qt-list>li:before {
    content:"";
    position:absolute;
    font-size:0;
    line-height:0;
    top:-1px;
    left:0;
    height:0;
    background:none;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    border-bottom:1px solid #e2e2e2;
    pointer-events:none
}
ul.qt-list>li:first-child:before {
    top:0
}
ul.qt-list>li:last-child:before {
    top:0
}
ul.qt-list>li:active {
    background-color:#f8f8f8
}
ul.qt-list>li:last-child {
    border-bottom:1px solid #ddd
}
ul.qt-list.no-last-child-border>li:last-child {
    border-bottom:none
}
ul.qt-list.qt-blue>li:before {
    border-bottom:1px solid #25a4bb
}
ul.qt-list.qt-blue>li:first-child:before {
    border-bottom:1px solid #25a4bb
}
ul.qt-list.qt-blue::after {
    border-bottom:1px solid #25a4bb
}
ul.qt-list.interlaced>li:nth-child(odd) {
    background-color:#fafafa
}
ul.qt-list.interlaced>li:nth-child(even) {
    background-color:#fff
}
ul.qt-list.inset {
    width:auto;
    margin:0 10px;
    border-radius:10px;
    box-sizing:border-box
}
ul.qt-list.inset>li:first-child:before {
    border-bottom:none
}
ul.qt-list::after {
    content:"";
    position:absolute;
    font-size:0;
    line-height:0;
    bottom:0;
    left:0;
    height:0;
    background:none;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    ul.qt-list.inset>li:before,ul.qt-list>li:before,ul.qt-list::after {
        width:150%;
        -webkit-transform:scale(.66666667);
        -ms-transform:scale(.66666667);
        transform:scale(.66666667)
    }
}@media only screen and (-webkit-min-device-pixel-ratio:2) {
    ul.qt-list.inset>li:before,ul.qt-list>li:before,ul.qt-list::after {
        width:200%;
        -webkit-transform:scale(.5);
        -ms-transform:scale(.5);
        transform:scale(.5)
    }
}@media only screen and (-webkit-min-device-pixel-ratio:3) {
    ul.qt-list.inset>li:before,ul.qt-list>li:before,ul.qt-list::after {
        width:300%;
        -webkit-transform:scale(.33333333);
        -ms-transform:scale(.33333333);
        transform:scale(.33333333)
    }
}

.icon.home:before {
    content: "\f227"
}

.icon.home-2:before {
    content: "\f228"
}

.icon.office:before {
    content: "\f098"
}

.icon.phone:before {
    content: "\f20a"
}

.icon.mobile:before {
    content: "\e110"
}

.icon.wifi:before {
    content: "\f168"
}

.icon.location-2:before {
    content: "\f0df"
}

.icon.map:before {
    content: "\f187"
}

.icon.calendar:before {
    content: "\f14c"
}

.icon.user:before {
    content: "\f0eb"
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon.spinner {
    display: inline-block;
    -webkit-animation: spinner .8s infinite linear;
    animation: spinner .8s infinite linear
}

.icon.spinner:before {
    content: "\f48a"
}

.icon.search:before {
    content: "\f407"
}

.icon.search2:before {
    content: "\f3ba"
}

.icon.remove:before {
    content: "\f05b"
}

.icon.notification:before {
    content: "\f393"
}

.icon.information:before {
    content: "\f069"
}

.icon.question:before {
    content: "\f0c9"
}

.icon.cancel-circle:before {
    content: "\f093"
}

.icon.close:before {
    content: "\f471"
}

.icon.checkmark:before {
    content: "\f472"
}

.icon.minus:before {
    content: "\f38c";
    color: #1ba9ba
}

.icon.plus:before {
    content: "\f38d";
    color: #1ba9ba
}

.icon.previous:before {
    content: "\f3cd"
}

.icon.checkbox:before {
    content: "\f35f";
    color: #1ba9ba
}

.icon.checkbox.checked:before {
    content: "\f35e";
    color: #1ba9ba
}

.icon.checkbox.hollow.checked:before {
    content: "\f496";
    color: #1ba9ba
}

.icon.radio:before {
    content: "\f35d";
    color: #1ba9ba
}

.icon.radio.checked:before {
    content: "\f360";
    color: #1ba9ba
}

.icon.rocket:before {
    content: "\f14a"
}

.icon.arrow-down:before {
    content: "\f3cb"
}

.icon.arrow-up:before {
    content: "\f3ca"
}

.icon.arrow-left:before {
    content: "\f3cd"
}

.icon.arrow-right:before {
    content: "\f3cc"
}

.icon.arrow-down-4:before {
    content: "\f3ff";
    font-size: 16px
}

.icon.arrow-up-4:before {
    content: "\f3fe";
    font-size: 16px
}

.icon.arrow-up-5:before {
    content: "\e041"
}

.icon.arrow-down-5:before {
    content: "\f528"
}

.icon.double-arrow-down:before {
    content: "\e043"
}

.icon.double-arrow-up:before {
    content: "\e044"
}

.icon.add:before {
    content: "\f298"
}

.icon.menu:before {
    content: "\f020"
}

.icon.star:before {
    content: "\e04b"
}

.icon.target-2:before {
    content: "\f055"
}

.icon.q-order:before {
    content: "\f4bf"
}

.icon.q-all-menu:before {
    content: "\f0db"
}

.icon.q-hotel:before {
    content: "\f4d6"
}

.icon.q-flight:before {
    content: "\f49a"
}

.icon.q-dujia:before {
    content: "\f4d5"
}

.icon.q-train:before {
    content: "\f1ee"
}

.icon.q-menpiao:before {
    content: "\f1f6"
}

.icon.q-qiandai:before {
    content: "\f08f"
}

.icon.q-smallcar:before {
    content: "\f1f3"
}

.icon.q-keche:before {
    content: "\f1eb"
}

.icon.q-luotuo:before {
    content: "\e045"
}

.icon.q-luotuo-1:before {
    content: "\e046"
}

.icon.q-luotuo-2:before {
    content: "\e047"
}

.icon.q-luotuo-3:before {
    content: "\e048"
}

.icon.q-luotuo-4:before {
    content: "\e049"
}

.icon.q-360:before {
    content: "\f24f"
}

.icon.q-720:before {
    content: "\e216"
}

.icon.q-vr:before {
    content: "\e322"
}

.icon.image:before {
    content: "\f251"
}

.icon.q-bao:before {
    content: '\f24d'
}

.icon.q-bao-2:before {
    content: '\f24e'
}

.icon.q-top:before {
    content: "\f3a4"
}

.icon.q-food:before {
    content: "\f20d"
}

.icon.q-recreation:before {
    content: "\f20e"
}

.icon.q-parking:before {
    content: "\f150"
}

.icon.alarm:before {
    content: "\f154"
}

.icon.subwapstation:before {
    content: "\f141"
}

.icon.featuretheme:before {
    content: "\f145"
}

.icon.tradearea:before {
    content: "\f214"
}

.icon.touristspots:before {
    content: "\f279"
}

.icon.airportstation:before {
    content: "\f143"
}

.icon.q-discover-hotel:before {
    content: "\f34c"
}

.icon.q-near-hotel:before {
    content: "\f284"
}

.icon.q-pre-sale-hotel:before {
    content: "\f349"
}

.icon.q-star-price:before {
    content: "\f2fc"
}

.icon.q-browse-history:before {
    content: "\f1f8"
}

.icon.q-order-list:before {
    content: "\f053"
}

.icon.q-thumbup:before {
    content: "\f04f"
}

.icon.q-hot:before {
    content: "\f072"
}

.icon.q-hot-2:before {
    content: "\f14a"
}

.icon.q-sinaweibo:before {
    content: "\f030"
}

.icon.q-moments:before {
    content: "\f1ce"
}

.icon.q-wechat:before {
    content: "\f258"
}

.icon.q-jifen:before {
    content: "\f35c"
}

.icon.q-circle-ok:before {
    content: "\f0ff"
}

.icon.q-help:before {
    content: "\f393"
}

.icon.q-comment-circle:before {
    content: "\f37e"
}

.icon.q-ordersale-transfer:before {
    content: "\f483"
}

.icon.q-ordersale-ok:before {
    content: "\f3f7"
}

.icon.q-ordersale-fail:before {
    content: "\f3f4"
}

.icon.qt-time:before {
    content: "\f106"
}

.icon.qt-email:before {
    content: "\f493"
}

.icon.q-circle-cancel:before {
    content: "\f3f4"
}

.icon.q-phone:before {
    content: "\f162"
}

.icon.q-alarm:before {
    content: "\f1fd"
}

.icon.q-discount:before {
    content: "\f3b1"
}

.icon.qt-dujia:before {
    content: "\f1e5"
}

.icon.flight-left:before {
    content: "\f1ea"
}

.icon.q-map:before {
    content: "\f186"
}

.icon.ticket:before {
    content: "\f219"
}

.icon.qt-flight:before {
    content: "\f4e3"
}

.icon.qt-vip:before {
    content: "\f4a5"
}

.icon.qt-user:before {
    content: "\f290"
}

.icon.qt-zdf:before {
    content: "\f1f5"
}

.icon.info-circle:before {
    content: "\f0f6"
}

.icon.add-circle:before {
    content: "\f3f8"
}

.icon.user-circle:before {
    content: "\f24c"
}

.icon.location-3:before {
    content: "\f008"
}

.icon.q-pillow:before {
    content: "\f09b"
}

.icon.q-blanket:before {
    content: "\f0b8"
}

.icon.q-quilt:before {
    content: "\f0ba"
}

.icon.q-slipper:before {
    content: "\f2d6"
}

.icon.q-toothbrush:before {
    content: "\f2da"
}

.icon.q-towel:before {
    content: "\e248"
}

.icon.q-bathtowel:before {
    content: "\e24e"
}

.icon.q-shampoo:before {
    content: "\e24c"
}

.icon.q-cup:before {
    content: "\e24a"
}

.icon.q-waiting:before {
    content: "\e1ba"
}

.icon.q-gantan:before {
    content: "\e159"
}

.icon.q-password:before {
    content: "\e10f"
}

.icon.q-hotel2:before {
    content: "\f1f4"
}

.icon.ok-circle:before {
    content: "\f3f6"
}

.icon.q-umbrella:before {
    content: "\f278"
}

.icon.q-bed:before {
    content: "\f16c"
}

.icon.q-breakfast:before {
    content: "\f217"
}

.icon.q-money:before {
    content: "\f244"
}

.icon.meeting:before {
    content: "\f177"
}

.icon.intercar:before {
    content: "\f1ec"
}

.icon.breakfast:before {
    content: "\f217"
}

.icon.house:before {
    content: "\e23e"
}

.icon.discount:before {
    content: "\e17b"
}

.icon.time:before {
    content: "\e168"
}

.icon.brand:before {
    content: "\e291"
}

.icon.share:before {
    content: "\f0dd"
}

.icon.line:before {
    content: "\f46f"
}

.qt-wrapper {
    margin: 0 auto;
    min-width: 320px;
    min-height: 480px;
    position: relative;
    background-color: #fff
}

.qt-page-wrapper {
    margin: 0 auto;
    min-width: 320px;
    min-height: 480px;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.qt-page-wrapper.active {
    z-index: 10
}

.qt-header-wrapper,.qt-page-header-wrapper {
    height: 50px
}

.qt-scroll-wrapper.active {
    overflow-y: scroll
}

.qt-content,.qt-page-content,.qt-body,.qt-page-body {
    position: relative
}

.qt-body,.qt-page-body {
    top: -50px
}

.qt-header,.qt-footer,.qt-page-header,.qt-page-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 10;
    overflow: hidden;
    text-align: center
}

.qt-header.fixed,.qt-page-header.fixed {
    position: fixed;
    top: 0
}

.qt-footer.fixed,.qt-page-footer.fixed {
    position: fixed;
    bottom: 0;
    background: transparent
}

.qt-sub-header,.qt-page-sub-header {
    z-index: 9;
    background: #25a4bb;
}

.qt-sub-header.fixed,.qt-page-sub-header.fixed {
    position: fixed;
    top: 50px;
    width: 100%
}

.qt-sidebar {
    position: fixed;
    background-color: #fff;
    z-index: 20;
    word-break: break-all;
    word-wrap: break-word
}

.qt-sidebar.top {
    top: -200px;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
    height: 200px;
}

.qt-sidebar.bottom {
    bottom: 0;
    right: 0;
    left: 0
}

.qt-sidebar.left {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0
}

.qt-sidebar.right {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0
}
.qt-sidebar.active{

}

.qt-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background: #000;
    opacity: 0;
    display: none
}

.qt-mask.active {
    display: block
}

.qt-tips {
    width: 80%;
    margin-left: 10%;
    z-index: 6;
    border-radius: 5px;
    background: #7b7b7b;
    text-align: center;
    color: #fff;
    font-size: 14px;
    position: fixed
}

.qt-tips.top {
    top: 139px;
    line-height: 24px
}

.qt-tips.bottom {
    bottom: 35px;
    line-height: 36px
}

.qt-welcome {
    z-index: 9999;
    padding-top: 200px;
    background: #17a4bd;
    opacity: 0;
    text-align: center
}

.qt-page-loader {
    position: fixed;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    padding-top: 50px;
    margin-top: -85px;
    margin-left: -75px;
    z-index: 9998;
    border-radius: 8px;
    text-align: center;
    opacity: 0;
    display: none
}

.qt-page-loader.active {
    display: block
}

.qt-page-loader .qt-btns {
    border-radius: 8px
}

.qt-page-loader .close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #bbb
}

.qt-page-loader .loading-text {
    font-size: 14px;
    color: #8c8c8c
}

.qt-font-main{
    color: #25a4bb !important;
}

.qt-popup {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.qt-popup.active {
    z-index: 51;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.qt-popup .qt-popup-wrap {
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    padding-top: 20px
}

.qt-popup .qt-popup-wrap .popup-header {
    padding: 0 20px 5px 16px
}

.qt-popup .qt-popup-wrap .popup-content {
    line-height: 18px;
    padding: 5px 32px 18px;
    font-size: 14px;
    overflow-y: auto;
    word-break: break-all
}

.qt-popup .qt-popup-wrap .popup-btns {
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 44px;
    text-align: center
}

.qt-popup .qt-popup-wrap .popup-btns .qt-bl-x1:before {
    border-color: #d4d4d4
}

.js-banner-slider {
    position: relative
}

.js-banner-slider ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.js-banner-slider li {
    position: absolute;
    list-style: none;
    left: 0;
    top: 0;
    width: 100%
}

.js-banner-slider li:first-child {
    z-index: 1
}

.js-banner-slider li img {
    left: 0;
    top: 0;
    width: 100%;
    border: none
}

.js-banner-slider .dot {
    width: 100%;
    position: absolute;
    margin: 3px auto;
    bottom: 4px;
    text-align: center;
    z-index: 5;
    font-size: 0
}

.js-banner-slider .dot span {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .4
}

.js-banner-slider .dot .cur {
    opacity: .9
}

.qt-switch {
    position: relative;
    width: 50px;
    height: 28px;
    line-height: 28px;
    font-size: .9em !important;
    border-radius: 14px;
    display: inline-block;
    text-align: center;
    background-color: #aaa
}

.qt-switch.active {
    background-color: #17a4bd
}

.switch-handle {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #aaa;
    background: #fff;
    -webkit-transition: left .3s ease-in-out,border-radius .1s ease-in-out;
    transition: left .3s ease-in-out,border-radius .1s ease-in-out
}

.qt-switch.active .switch-handle {
    left: 22px;
    border-radius: 14px;
    border: 1px solid #17a4bd
}[data-on]:before {
     content: attr(data-off) !important;
     margin-left: 30px;
     color: #fff
 }[data-on].active:before {
      content: attr(data-on) !important;
      margin-right: 30px;
      margin-left: 0
  }

.test .test {
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 50px);
    transform: translate3d(0, 0, 50px)
}